<ion-header>
	<ion-navbar>
		<ion-title>
			{{ item ? item.title : 'Loading...' }}
		</ion-title>
		<ion-buttons end>
			<button ion-button icon-only (click)="openMenu($event)"><ion-icon name="more"></ion-icon></button>
		</ion-buttons>
	</ion-navbar>
</ion-header>

<ion-content padding>
	<div *ngIf="item && item.content">
		<ogl-html-embed [content]="item.content" [linkBack]="this" [focus]="item.focus" [paragraphs]="paragraphs"></ogl-html-embed>
	</div>
	<ion-list [virtualScroll]="(item && item.items) ? item.items : []" approxItemHeight="46px">
		<ion-item *virtualItem="let subitem" (click)="openItem(subitem)">
			<span [innerHTML]="subitem.title"></span>
		</ion-item>
	</ion-list>
</ion-content>
